﻿@page "/"

<PageTitle>Home</PageTitle>

<h3>Hello World</h3>

@* <Collapse OnExapanded="Expand" OnCollapsed="Collapse">
    我要显示的内容
</Collapse> *@

@* <Collapse OnToggle="Toggle">
    我要显示的内容 Toggle
</Collapse>
<h4>@message</h4>

@code {
    string? message;

    // void Expand()
    // {
    //     message = "内容被展开";
    // }
    // void Collapse()
    // {
    //     message = "";
    // }

    void Toggle(bool expanded)
    {
        if (expanded)
        {
            message = "内容被展开";
        }
        else
        {
            message = "";
        }
    }
} *@

<Button>填充按钮</Button>
<Button Outline>边框按钮</Button>

<Button Tag="span">Span 按钮</Button>